@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.2%;
	} 
	.head{
		padding: 12px 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.head .Logo{ 
		width: 29%;
	}
	.head .Logo-txt{
/*		display: none;*/
		font-size: 15px;
		margin-top: 8px;
		margin-left: 12px;
	}
	.head-right{
		display: none;
	}
	.head .Logo-hr{
/*		display: none;*/
		margin-top: 8px;
		height: 24px;
		margin-left: 12px;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		padding: 28px 0;
	}
	.foot-lm{
		float: none;
	}
	.foot-lm .item{
		display: none;
		margin-left: 0 !important;
	}
	.foot-lm .item:nth-child(2){
		display: block;
	}
	.foot-lm .item .link.on a{
		font-size: 14px;
		line-height: 32px;
		height: 32px;
	}
	.foot-lm .item .link{
		margin-top: 16px;
	}
	.foot-lm .item{
		border-top: 1px solid rgba(255,255,255,0.1);
		padding-top: 18px;
		margin-top: 18px;
	}
	.foot-top{
		padding: 0;
	}
	.foot-ewm{
		float: none;
		text-align: center;
		margin-left: 0;
	}
	.foot-lx{
		float: none;
/*
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding-bottom: 15px;
*/
	}
	.foot-lx p{
		background: none !important;
		padding-left: 0 !important;
		text-align: center;
		font-size: 14px;
		line-height: 28px;
	}
	.foot-ewm{
		margin-top: 15px !important;
		border-top: 1px solid rgba(255,255,255,0.1);
		padding-top: 15px;
	}
	.foot-ewm .ewm{
		float: none;
		display: inline-block;  
		margin: 20px 10px 0;
	}
	.foot-copy{
		font-size: 14px;
/*		display: none;*/
		line-height: 25px;
		margin-top: 25px;
		padding-top: 15px;
	}
	.foot-copy .fl{
		width: 100%;
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}
	.foot-copy .fr{
		width: 100%;
		float: none;
		text-align: center;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}   
	/*index*/
	.SyTopVideo .txt-box .txt1{
		font-size: 26px;
		line-height: 35px;
	}
	.SyTopVideo .txt-box .txt2{
		font-size: 16px;
		line-height: 28px;
		margin-top: 10px;
	}
	.SyTopVideo{
		height: 95vh;
	}
	.indexProduct{
		padding: 28px 0;
	}
	.shouyu-sy-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.shouyu-sy-line{
		margin: 15px auto 0;
	}
	.shouyu-sy-sub{
		font-size: 12px;
		line-height: 24px;
		margin-top: 12px;
		padding: 0 5%;
	}
	.syProSwiper{
		margin-top: 15px;
		padding-bottom: 0;
	}
	.sy-pro-list{
		margin-bottom: 20px;
	}
	.sy-pro-list .tit{
		font-size: 18px;
		margin: 15px 0;
	}
	.sy-pro-list .sub{
		font-size: 14px;
	}
	.sy-pro-list{
		padding: 20px 0;
	}
	.shouyu-sy-more{
		margin: 22px auto 0;
		height: 42px;
		line-height: 36px;
		width: 140px;
		font-size: 14px;
	}
	.indexSolution{
		padding: 28px 0;
	}
	.syJjfaSwiper{
		margin-top: 25px;
		padding-bottom: 0 !important;
	}
	.sy-jjfa-list .tit{
		font-size: 18px;
		margin-top: 12px;
	}
	.sy-jjfa-list .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.sy-jjfa-list .more{
		font-size: 14px;
		margin-top: 15px;
	}
	.sy-jjfa-list{
		margin-bottom: 15px;
		padding-bottom: 20px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.sy-left-news{
		width: 100%;
		float: none;
	}
	.sy-right-news{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.sy-right-news-top{
		display: none;
	}
	.sy-right-news-bottom{
		display: block;
	}
	.sy-right-news-bottom .lb{
		width: 100%;
		margin-bottom: 18px;
		padding-bottom: 18px;
	}
	.sy-left-news .info{
		bottom: 15px;
		padding: 0 15px;
	}
	.sy-left-news .info .tit{
		font-size: 16px;
	}
	.sy-right-news-bottom .lb .tit{
		z-index: 16px;
		line-height: 25px;
		height: auto;
		-webkit-line-clamp: 1;
	}
	.sy-right-news-bottom .lb .time{
		font-size: 12px;
		margin: 10px 0;
	}
	.sy-right-news-bottom .lb .sub{
		font-size: 14px;
	}
	.sy-jjfa-list .line{
		margin: 15px 0;
	}
	.indexAbout{
		padding: 28px 0;
	}
	.indexAbout .container{
		margin-top: 25px;
	}
	.indexAbout .pic{
		width: 100%;
		float: none;
	}
	.sy-abt-cont{
		width: 100%;
		float: none;
	}
	.sy-abt-cont .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 18px;
	}
	.sy-abt-cont .shouyu-sy-more{
		margin: 26px 0 0 0;
	}
	.sy-abt-cont .sub-lm .lb{
		width: 33.333%;
		padding: 0 !important;
		margin:  0;
		border-right: none;
	}
	.sy-abt-cont .sub-lm .lb .ico{
		margin: 0 auto;
	}
	.sy-abt-cont .sub-lm{
		margin-top: 25px;
	}
	
	/*neiye*/
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation .now-wz{
		float: left;
	}
	.Nylocation .now-wz a{
		font-size: 12px;
		line-height: 36px;
	}
	.about{
		padding: 28px 0;
	}
	.about-sub-left{
		width: 100%;
		float: none;
	}
	.about-sub-right .cont{
		margin-top: 25px;
	}
	.abt-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.about .abt-top-line{
		margin: 18px 0 0 0;
	}
	.abt-top-line{
		margin: 18px auto 0;
	}
	.about-sub-left .cont{
		margin-top: 28px;
	}
	.about .cont{
		font-size: 14px;
	}
	.about-sub-right{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.prodebox{
		width: 95%;
		height: 35%;
		left: 2.5%;
		margin-left: 0;
		top: 35%;
	}
	.prodebox .prodeclose{
		right: 0;
		top: -50px;
		padding: 0;
	} 
	.prodebox .contNr video{
		height: 100%;
	}
	.prodebox .people .class{
		font-size: 16px;
	}
	.culture{
		padding: 28px 0;
	}
	.culture .box{
		margin-top: 28px;
	}
	.culture .box .lb{
		width: 100%;
		float: none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.culture .box .lb .t1{
		font-size: 16px;
		margin: 20px 0 10px;
	}
	.history{
		padding: 28px 0;
	}
	.history-box{
		margin-top: 28px;
	}
	.product{
		padding: 28px 0;
	}
	.product ul li{
		width: 100%;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 5px;
		padding: 4%;
	}
	.product ul li .pic{
		width: 100%;
		float: none;
	}
	.product ul li .info{
		width: 100%;
		float: none;
	}
	.product ul li .info .tit{
		font-size: 18px;
	}
	.product ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
		min-height: auto;
	}
	.product ul li .info .ico{
		margin-top: 18px;
	}
	.productDe-top{
		padding: 28px 0;
	}
	.productDe-top .imgShow{
		width: 100%;
		float: none;
	}
	.productDe-top .Info .title{
		font-size: 18px;
		line-height: 28px;
	}
	.productDe-top .Info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		padding-right: 0;
		margin-top: 20px;
	}
	.productDe-top .zx{
		margin: 20px auto 0;
	}
	.productTd{
		padding: 28px 0;
	}
	.proDe-top-tit{
		font-size: 20px;
		line-height: 26px;
	}
	.proTdSwiper{
		margin-top: 25px;
	}
	.proTdSwiper .swiper-slide{
		padding: 4%;
	}
	.productCanshu{
		padding: 28px 0;
	}
	.productCanshu .content{
		margin-top: 25px;
		overflow: auto;
	}
	.productCanshu .content table tr:nth-child(1) td{
		height: 45px;
	}
	.productCanshu .content table td{
		font-size: 12px;
		height: 40px;
	}
	.productVideo{
		padding: 28px 0;
	}
	.productVideo .cont{
		margin-top: 25px;
	}
	.productShow{
		padding: 28px 0;
	}
	.proZsSwiper{
		margin-top: 25px;
	}
	.productCase{
		padding: 28px 0;
	}
	.proCaseSwiper{
		margin-top: 25px;
		padding-bottom: 0;
	}
	.proCaseSwiper .swiper-slide{
		margin-bottom: 20px;
		margin-top: 0 !important;
	}
	.proZsSwiper {
		padding-bottom: 0;
	}
	.proZsSwiper .swiper-slide{
		margin-bottom: 20px;
	}
	.productDown{
		padding: 28px 0;
	}
	.productDown ul{
		margin-top: 25px;
	}
	.productDown ul li .catLogo{
		width: 30%;
	}
	.productDown ul li .tit{
		width: 70%;
	}
	.productDown ul li .tit{
		background-size: 30px auto ;
		padding-top: 40px;
		margin-top: 40px;
		font-size: 16px;
	}
	.productDe-top .Info{
		width: 100%;
		float: none;
		margin: 0;
		margin-top: 25px;
	}
	.now-lm-line{
		display: none;
	}
	.line-system{
		padding: 28px 0;
	}
	.line-system .title{
		font-size: 18px;
		line-height: 28px;
	}
	.line-system .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.lineShebei{
		padding: 28px 0;
	}
	.lineShebei .row{
		margin-top: 25px;
	}
	.xgsb-list .pic{
		width: 100%;
		float: none;
	}
	.xgsb-list .info{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.xgsb-list .info .tit{
		font-size: 18px;
		margin: 0 0 12px;
	}
	.xgsb-list .info .sub{
		padding-right: 0;
		font-size: 14px;
		line-height: 26px;
		height: auto;
	}
	.xgsb-list{
		margin-bottom: 18px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
	}
	.application{
		padding: 28px 0;
	}
	.app-list{
		margin-bottom: 18px;
	}
	.Page{
		padding-top: 15px;
	}
	.app-list .tit{
		font-size: 14px;
		margin-top: 8px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .topTit .Th2{
		font-size: 18px;
		line-height: 28px; 
	}
	.newsDe .topTit .key{
		font-size: 12px;
		margin-top: 10px;
	}
	.newsDe .topTit{
		padding-bottom: 20px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 27px;
	}
	.defy{
		padding-top: 25px;
		margin-top: 25px;
	}
	.defy .sxy{
		width: 100%;
		
		float: none;
	}
	.defy .sxy a{
		font-size: 14px;
		line-height: 28px;
		height: 28px;
	}
	.defy .return{
		float: left;
	}
	.service1{
		padding: 28px 0;
	}
	.service1 .Th3{font-size: 22px;}
	.service1 .Th6{
		font-size: 14px;
		margin-top: 12px;
	}
	.service1 .cont{
		margin-top: 25px;
	}
	.service2{
		padding: 28px 0;
	}
	.serviceSwiper{
		padding-bottom: 0;
	}
	.serviceSwiper .swiper-slide{
		margin-bottom: 15PX;
	}
	.serviceSwiper .swiper-slide .info .tit{
		font-size: 16px;
	}
	.serviceSwiper .swiper-slide .info .sub{
		margin-top: 20px;
		height: auto;
	}
	.serviceSwiper .swiper-slide .info{
		padding: 4%;
	}
	.video{
		padding: 28px 0;
	}
	.video-list .tit{
		line-height: 50px;
		font-size: 14px;
	}
	.news{
		padding: 28px 0;
	}
	.news ul li{
		margin-bottom: 15px;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .cont{
		width: 100%;
		float: none;
		padding: 3%;
	}
	.news ul li .info{
		width: 100%;
		float: none;
		border-left: none;
		padding-left: 0;
	}
	.news ul li .pic{
		display: none;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .views{
		font-size: 12px;
		margin-top: 8px;
	}
	.news ul li .info .sub{
		font-size: 14px;
	}
	.news_btn{
		margin-top: 20px;
	}
	.contact{
		padding: 28px 0;
	}
	.contact .Th4{
		font-size: 20px;
	}
	.contact .Th6{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
	}
	.contact .box{
		margin-top: 20px;
		padding: 4%;
		display: block;
	}
	.contact .box .lb{
		width: 100% !important;
		padding-bottom: 18px;
		margin-bottom: 18px;
		font-size: 14px;
	}
	.message{
		padding: 28px 0;
	}
	.message .row{
		margin-top: 28px;
	}
	.message input[type=text]{
		height: 42px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.message textarea{
		min-height: 110px;
		max-height: 110px;
		font-size: 14px;
	}
	.message .isCode .code{
		line-height: 42px;
		height: 42px;
	}
	.message .isCode input{
		width: 120px;
	}
	.message input[type=button]{
		margin: 20px auto 0;
		height: 42px;
		font-size: 14px;
	}
	.proDeInfo{
		padding: 28px 0;
	}
	.proDeInfo .title{
		font-size: 22px;
		line-height: 28px;
	}
	.proDeInfo .subtitle{
		font-size: 14px;
		padding: 0;
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.proDeInfo .imgShow{
		margin: 25px auto 0;
	}
	.proDeSwiper{
		width: 100%;
	}
	.proDeN{
		right: 0 !important;
	}
	.proDeP{
		left: 0 !important;
	}
	.productTd ul{
		margin-top: 28px;
	}
	.productTd ul li .pic{
		width: 100%;
		float: none;
	}
	.productTd ul li .info .num{
		font-size: 28px;
		line-height: 32px;
		margin-top: 12px;
	}
	.productTd ul li .info .subtitle{
		font-size: 14px;
		line-height: 26px;
		margin: 16px 0;1
	}
	.productTd ul li{
		margin-bottom: 25px;
	}
	.productTd ul li .info{
		width: 100%;
		float: none;
	}
	.proDe-video-box{
		margin-top: 25px;
	}
	.l-p-v{
		width: 100%;
		float: none;
	}
	.r-p-v{
		width: 100%;
		float: none;
		margin-top: 8px;
		overflow: hidden;
	}
	.r-p-v .lb{
		width: 48.8%;
		float: left;
		margin-bottom: 0;
	}
	.r-p-v .lb:nth-child(2){
		float: right;
	}
	.productPosui{
		padding: 28px 0;
	}
	.productPosui ul{
		margin-top: 25px;
	}
	.productPosui ul li{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.v-play::after{
		width: 50px;
		height: 50px;
		background-size: 20px;
	}
	.indexAdvantage{
		padding: 28px 0;
		background: #40434f;
	}
	.indexAdvantage .shouyu-sy-tit{
		text-align: center;
	}
	.indexAdvantage .shouyu-sy-line{
		margin: 20px auto 0;
	}
	.sy-ys-cont{
		width: 100%;
		margin-top: 30px;
	}
	.sy-ys-cont .lb .tit{
		font-size: 18px;
		height: 50px;
	}
	.sy-ys-cont .lb{
		margin-bottom: 20px;
	}
	.indexAdvantage .img{
		margin-top: 28px;
	}
	.SyTopVideo .txt-box .txt3{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 12px;
	}
	.foot-lx h4{
		text-align: center;
		margin-bottom: 15px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
	.proDePag{
		display: none !important;
	}
	.syProPag{
		display: none !important;
	}
	.syJjfaPag{
		display: none !important;
	}
	.proCasePag{
		display: none !important;
	}
	.proZsPag{
		display: none !important;
	}
	.phone-wx-info{
		width: 90%;
		margin-left: 0;
		left: 5%;
	}
}
